@media only screen and (max-width: 1680px) {

}
@media only screen and (max-width: 1600px) {
	nav p a{margin-right: 20px;}
}
@media only screen and (max-width: 1440px) {
	nav p{padding-left: 20px;}
	nav p a{margin-right: 15px;}
}
@media only screen and (max-width: 1400px) {

}
@media only screen and (max-width: 1366px) {

}
@media only screen and (max-width: 1360px) {


	.show.iconfont{margin-top: 30px;}
	.title h3{font-size: 26px;}

}
@media only screen and (max-width: 1280px) {
	nav p{padding-left: 15px;}
	nav p a{margin-right: 10px;}
}
@media only screen and (max-width: 1200px) {
	
	.navBox{position: relative;padding: 15px 10px; max-width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
	nav{padding-bottom: 800px; position: absolute;width: 100%;top: 100%;left: -100%;background: rgba(27,87,172,0.6); z-index:999;
		 transition:all .4s ease-in-out 0s;
		  -webkit-transition:all .4s ease-in-out 0s;
		   -moz-transition:all .4s ease-in-out 0s;
		  -ms-transition:all .4s ease-in-out 0s;
		  -o-transition:all .4s ease-in-out 0s; }
	nav.active{left: 0;}
	nav>a{display: block;margin-right: 0; margin-left:0;width: 100%;color: #fff;margin-bottom: 1px;}
	nav>a:after{background: rgba(27,87,172,0.8);}
	nav p{display: none;}
	

	menu{display: block;}
	body{padding-top: 62px;}
	header{position: fixed;top: 0;width: 100%;left: 0;background: rgba(255,255,255,1);z-index: 99;}


	.erBan p{font-size: 50px;letter-spacing: 7px;}

	nav>a:nth-last-child(1), nav>a:nth-last-child(2), nav>a:nth-last-child(3){display: block;}
	
	.show.iconfont{display: none;}

	.navBox h1 p, .navBox h1 span{font-size: 12px;}
	.navBox h1 p{margin-left: 5px;padding-left: 5px;}
	menu{margin-left: 15px;}
	nav>a{transform: translateX(-100%);}
	nav.active>a{transform: translateX(0);}
	nav.active>a:nth-of-type(1){ transition:all .4s ease-in-out .4s;
  -webkit-transition:all .4s ease-in-out .4s;
   -moz-transition:all .4s ease-in-out .4s;
  -ms-transition:all .4s ease-in-out .4s;
  -o-transition:all .4s ease-in-out .4s; }
	nav.active>a:nth-of-type(2){ transition:all .4s ease-in-out .6s;
  -webkit-transition:all .4s ease-in-out .6s;
   -moz-transition:all .4s ease-in-out .6s;
  -ms-transition:all .4s ease-in-out .6s;
  -o-transition:all .4s ease-in-out .6s; }
	nav.active>a:nth-of-type(3){ transition:all .4s ease-in-out .8s;
  -webkit-transition:all .4s ease-in-out .8s;
   -moz-transition:all .4s ease-in-out .8s;
  -ms-transition:all .4s ease-in-out .8s;
  -o-transition:all .4s ease-in-out .8s; }
	nav.active>a:nth-of-type(4){ transition:all .4s ease-in-out 1s;
  -webkit-transition:all .4s ease-in-out 1s;
   -moz-transition:all .4s ease-in-out 1s;
  -ms-transition:all .4s ease-in-out 1s;
  -o-transition:all .4s ease-in-out 1s; }
	nav.active>a:nth-of-type(5){ transition:all .4s ease-in-out 1.2s;
  -webkit-transition:all .4s ease-in-out 1.2s;
   -moz-transition:all .4s ease-in-out 1.2s;
  -ms-transition:all .4s ease-in-out 1.2s;
  -o-transition:all .4s ease-in-out 1.2s; }
	nav.active>a:nth-of-type(6){ transition:all .4s ease-in-out 1.4s;
  -webkit-transition:all .4s ease-in-out 1.4s;
   -moz-transition:all .4s ease-in-out 1.4s;
  -ms-transition:all .4s ease-in-out 1.4s;
  -o-transition:all .4s ease-in-out 1.4s; }

  	nav.active>a:nth-of-type(7){ transition:all .4s ease-in-out 1.6s;
  -webkit-transition:all .4s ease-in-out 1.6s;
   -moz-transition:all .4s ease-in-out 1.6s;
  -ms-transition:all .4s ease-in-out 1.6s;
  -o-transition:all .4s ease-in-out 1.6s; }

  	nav.active>a:nth-of-type(8){ transition:all .4s ease-in-out 1.8s;
  -webkit-transition:all .4s ease-in-out 1.8s;
   -moz-transition:all .4s ease-in-out 1.8s;
  -ms-transition:all .4s ease-in-out 1.8s;
  -o-transition:all .4s ease-in-out 1.8s; }

  	nav.active>a:nth-of-type(9){ transition:all .4s ease-in-out 2s;
  -webkit-transition:all .4s ease-in-out 2s;
   -moz-transition:all .4s ease-in-out 2s;
  -ms-transition:all .4s ease-in-out 2s;
  -o-transition:all .4s ease-in-out 2s; }
  	.cbl, .banMark{display: none;}
  	.inAbout{padding: 30px 0;}
  	.title .line{margin: 15px 0;}
	.aboutLeft>p{margin-top: 20px;}
	.aboutLeft .more{margin-top: 30px;}
	.aboutLeft{margin-bottom: 30px;}
	.inCase:after{width: 100%;}
	.title h3, .title2 h3{font-size: 20px;}
	.inCaseTop h4{font-size: 16px;margin-bottom: 20px;height: auto;}
	.inCaseTop{width: auto;}
	.inCaseTop i{height: 30px;line-height: 30px;width: 30px;margin-top: 20px;}
	.inCaseTop{margin-bottom: 30px;}
	.inCase{padding: 30px 10px;}
	.inPro, .inGood{padding: 30px 0;}
	.inPro .title2{margin-bottom: 30px;}
	

	nav>a{line-height: 65px;}

}

@media only screen and (max-width: 991px) {
	
}


@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 640px) {

	.erBan p{font-size: 28px;letter-spacing: 0;line-height: 280px;}
	.erBan{background-size: cover !important;}

	
	.psBan{z-index: 1;position: inherit;}
	.psBan img{width: 100%;height: auto;}
	#bannerBar{display: none;}
	.aboutLeft, .aboutRight, .aboutRight img{width: 100%;}
	.aboutRight{text-align: center;}
}
@media only screen and (max-width: 414px) {

}
@media only screen and (max-width: 375px) {
	.inCaseTop{height: 252px;}
	nav>a{line-height: 55px;}

}
@media only screen and (max-width: 320px) {
	nav>a{line-height: 50px;}
}